<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>楼盘首页</title>
    <script src="../js/jquery-1.12.4.js"></script>
    <script src="../layui/layui.js"></script>
    <link rel="stylesheet" type="text/css" href="../layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/floatmuen.css"/>
    <link rel="stylesheet" type="text/css" href="../css/pub_head.css"/>
    <link rel="stylesheet" type="text/css" href="../css/pub_footer.css"/>
    <link rel="stylesheet" href="../css/navigation.css">
    <link rel="stylesheet" href="../css/properties/proNav.css">
    <link rel="stylesheet" href="../css/properties/pro.css">
</head>
<body>
    <ul id="floatMul"></ul>
    <div id="head"></div>
    <div id="navigation"></div>
    <div id="proNav"></div>
    <div id="proInfo">
        <div class="proInfo_d1">
            <div class="layui-carousel proInfo_left" id="test3" lay-filter="test4">
                <div carousel-item="">
                    <div><img class="proInfo_Lb" src="../images/properties/pro1/1.jpg" /></div>
                    <div><img class="proInfo_Lb" src="../images/properties/pro1/2.jpg" /></div>
                    <div><img class="proInfo_Lb" src="../images/properties/pro1/3.jpg" /></div>
                    <div><img class="proInfo_Lb" src="../images/properties/pro1/4.jpg" /></div>
                </div>
            </div>
            <div class="proInfo_right">
                <div class="proInfo_right_d">
                    <div>参考均价</div>
                    <div>
                        <span>约 <span th:text="${p.price}" style="font-size: 24px;color: red;"></span>元/m² <span th:text="${p.describe}"></span></span>
                    </div>
                </div>
                <div class="proInfo_right_d">
                    <div>楼盘户型</div>
                    <div>
                        <span class="proInfo_right_d_span" th:each="h:${houselist}"><span th:text="${h.room}"></span>室约<span th:text="${h.houseSize}"></span>㎡</span>
                        <span class="proInfo_right_d_span"><span class="layui-icon layui-icon-layouts"></span>全部户型</span>
                    </div>
                </div>
                <div class="proInfo_right_d">
                    <div>楼盘地址</div>
                    <div>
                        <span th:text="${p.propertiesAdd}"></span>
                        <span style="color: red;"><span class="layui-icon layui-icon-location"></span>查看地图</span>
                    </div>
                </div>
                <div class="proInfo_right_phone" style="position: relative;">
                    <span class="layui-icon layui-icon-service s1"></span>
                    <span class="s1" th:text="${p.salesPhone}"></span>
                    <span class="s2">转</span>
                    <span class="s1">505</span>
                    <span class="s3">预约看房</span>
                </div>
                <div class="proInfo_right_info">
                    <div>
                        <span>最新开盘</span>
                        <span>2018年12月</span>
                    </div>
                    <div>
                        <div class="proInfo_right_info_left">
                            <span>装修标准</span>
                            <span>精装修</span>
                        </div>
                        <div class="proInfo_right_info_left">
                            <span th:text="${p.deceloper}"></span>
                        </div>
                    </div>
                    <div>
                        <div class="proInfo_right_info_left">
                            <span>产权年限</span>
                        </div>
                        <div class="proInfo_right_info_left">
                            <span>用户点评共 152 条  查看点评</span>
                        </div>
                    </div>
                    <div>查看更多楼盘详情>></div>
                </div>
            </div>
            <div style="clear: both;"></div>
        </div>
        <div class="proInfo_zy">
            <p style="font-size: 24px;color: #5C5C5C;margin-bottom: 10px;">置业顾问</p>
            <ul class="proInfo_zy_ul">
                <li class="proInfo_zy_li">
                    <div class="proInfo_zy_left"><img src="../images/properties/pro1/rt.jfif" class="proInfo_zy_img" /></div>
                    <div class="proInfo_zy_left">
                        <p class="p1">A保利堂悦* 张柳清</p>
                        <p class="p2">置业顾问</p>
                        <p>
                            <span class="proInfo_zy_left_zx">咨询</span>
                            <span class="proInfo_zy_left_dh">电话</span>
                        </p>
                    </div>
                </li>
            </ul>
        </div>

        <div class="proInfo_goodHouse">
            <p style="font-size: 24px;color: #5C5C5C;margin-bottom: 10px;">发现好房</p>
            <ul class="proInfo_goodHouse_ul">
                <li class="proInfo_goodHouse_li">
                    <dl>
                        <dt><img src="images/1.jpg" class="proInfo_goodHouse_li_img" /></dt>
                        <dd class="dd1">保利堂悦</dd>
                        <dd class="dd2">8700元/m²</dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <script>
        layui.use(['carousel', 'form'], function(){
            var carousel = layui.carousel
                ,form = layui.form;
            ;
            //设定各种参数
            var ins3 = carousel.render({
                elem: '#test3',
                indicator: "outside",
                width: "580px",
                height: "380px",
            });

            //事件
            $('.demoSet').on('keyup', function(){
                var value = this.value
                    ,options = {};
                if(!/^\d+$/.test(value)) return;

                options[this.name] = value;
                ins3.reload(options);
            });
            for(var i=1;i<=4;i++){
                $("#proInfo .layui-carousel-ind li").eq(i-1).css("background-image","url(../images/properties/pro1/"+i+".jpg)");
            }
        });
    </script>
    <script th:inline="javascript">
        $(function(){
            $("#floatMul").load("../../publichtml/floatMune.html");
            $("#head").load("../../publichtml/public_pageHead.html");
            $("#footer").load("../../publichtml/pub_footer.html");
            $("#navigation").load("../publichtml/navigation2.html");
            $("#proNav").load("../../publichtml/proNav.html",function(){
                $(".proNav_ul>li").removeClass("proNav_ul_click").eq(0).addClass("proNav_ul_click");
                var p = /*[[${p}]]*/ {};
                $(".proTitle").text(p.name);
                $(".proStatus").text(p.status);
                var spanC='';
                $.each(p.chapros,function (i,d){
                    spanC+="<span class='proCha'>"+d.characteristic.name+"</span>";
                })
                $(".proNav_title_d1_d2").html(spanC);
            });
        });
        $.ajax({
            url:"../Adviser/find5",
            type:"get",
            success:function (data){
                var li = "";
                $.each(data,function (i,d){
                    li += "<li class='proInfo_zy_li'>"+
                        "<div class='proInfo_zy_left'><img src='../images/gwimg/"+d.consultanPortrait+"' class='proInfo_zy_img' /></div>"+
                        "   <div class='proInfo_zy_left'>"+
                        "       <p class='p1'>"+d.consultantName+"</p>"+
                        "       <p class='p2'>置业顾问</p>"+
                        "       <p>"+
                        "           <span class='proInfo_zy_left_zx'>咨询</span>"+
                        "           <span class='proInfo_zy_left_dh'>电话</span>"+
                        "       </p>"+
                        "       </div>"+
                        " </li>"
                });
                $(".proInfo_zy_ul").html(li);
            }
        });
        $.ajax({
            url:"proAll",
            type:"get",
            data: {id: /*[[${p.id}]]*/ 1},
            success:function (data){
                var li = "";
                $.each(data,function (i,d){
                    li +=  "<li class='proInfo_goodHouse_li' onclick='tzxf("+d.id+")'>"+
                            "<dl>"+
                                "<dt><img src='../images/properties/pro-nav-ewm.jfif' class='proInfo_goodHouse_li_img' /></dt>"+
                                "<dd class='dd1'>"+d.name+"</dd>"+
                                "<dd class='dd2'>"+d.price+"元/m²</dd>"+
                            "</dl>"+
                        "</li>";
                });
                $(".proInfo_goodHouse_ul").html(li);
            }
        });
        function tzxf(id){
            location.href = "pro1?id="+id;
        }
    </script>
</body>
</html>